<!doctype html>
<html lang="en">

<%@ include file="Include_Student_Imports.jsp"%>

<body>
<!-- HEADER -->
<div style="position: fixed; width: 100%; z-index: 1;">
<%@ include file="Include_Student_Header.jsp"%>
<%@ include file="Include_Design_Table.jsp"%> 

<section id="secondary_bar">
<div class="user"><!-- <a class="logout_user" href="#" title="Logout">Logout</a> -->
</div>
<div class="breadcrumbs_container"><article class="breadcrumbs"><a
	href="StudentHomeServlet">Home</a>
<div class="breadcrumb_divider"></div>
<a class="current">Real Exams</a></article></div>
</section>
</div>
<!-- end of secondary bar -->

<%@ include file="Include_Student_Menu.jsp"%>

<section id="main" class="column">

<%@ include file="Include_Student_Message.jsp"%>

<c:set var="exams"  value="${requestScope.exams}" ></c:set>


<div class="tablemodule" style="max-height: 400px;overflow: auto;">
<h5>Available Practice Exams <div>Search: <input name="filt" onKeyUp="filter2(this, 'availablePracticeExamsTable', '1')" type="text"></div></h5>
<table class="tablesorter" cellspacing="0" id="availablePracticeExamsTable">
	<thead>
		<tr>
			<th>Exam ID</th>
			<th>Exam Name</th>
			<th># of Items</th>
			<th>Actions</th>
		</tr>
	</thead>
	<tbody>
	
		<c:forEach items="${exams}" var="exam">
	
			<tr>			
				<td><c:out value="${exam.examID }"/></td>
				<td><c:out value="${exam.examName }"/> </td>
				<td><c:out value="${exam.questions.size() }"/></td>
				<td><a href="TakeExamServlet?type=Practice&examID=${exam.examID}"><img style="border-style: none;"  src="${pageContext.request.contextPath}/images/icn_edit.png" title="Edit"></a>
				</td>
			</tr>	
		
		</c:forEach>
	
	</tbody>
</table>
</div>
<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*NOTE - Take this as soon as possible.</span>
<div class="spacer"></div>
<div class="clear"></div>




<div class="spacer"></div>
</section>


</body>

</html>